<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maixmum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>排行榜</title>
    <link rel="stylesheet" href="../../css/practice/rankingList.css">
</head>
<body>
    <div class="ranking-list">
        <div class="title">
            <div class="pic-box">
                <img src="../../image/排行榜.png" alt="">
            </div>
            <p>排行榜</p>
        </div>
        <div class="list">
            <ul>
                <li>
                    <img src="../../image/rank-1.png" alt="">
                    <img src="../../image/head-img.png" alt="">
                    <p>用户1</p>
                    <p>8320积分</p>
                </li>
                <li>
                    <img src="../../image/rank-2.png" alt="">
                    <img src="../../image/head-img.png" alt="">
                    <p>用户2</p>
                    <p>7977积分</p>
                </li>
                <li>
                    <img src="../../image/rank-3.png" alt="">
                    <img src="../../image/head-img.png" alt="">
                    <p>用户3</p>
                    <p>7468积分</p>
                </li>
                <li>
                    <img src="../../image/4.png" alt="">
                    <img src="../../image/head-img.png" alt="">
                    <p>用户4</p>
                    <p>6890积分</p>
                </li>
                <li>
                    <img src="../../image/5.png" alt="">
                    <img src="../../image/head-img.png" alt="">
                    <p>用户5</p>
                    <p>5688积分</p>
                </li>
            </ul>
        </div>
        <div class="list user">
            <img src="../../image/head-img.png" alt="">
            <p>用户2</p>
            <p>7977</p>
            <p>第2名</p>
        </div>
    </div>
</body>
<script src="../../js/rem.js"></script>
</html>